<template>
	<view>
		<view class="detail-header">
			<view class="header-img"></view>
			<view class="header-title">审核通过</view>
			<view class="header-desc">您申请的企业疗休养账号已审核通过!请通知单位职工进入“<text style="font-weight: 600;">老绍兴金柯桥</text>”服务号完成职工个人申报。</view>
		</view>
		<view class="detail-desc">
			<view class="desc-one">职工申报完成后，请单位管理员登录“柯桥区疗休养管理系统”(网址https://ykg.yifangjia.com/company) 进行审核。</view>
			<view class="desc-two">贵单位在柯桥区疗休养管理系统的账号信息:</view>
			<view class="box">
				<view>账号: <text class="green">qfctnc48549</text> </view>
				<view>密码: <text class="green">4565655</text> </view>
				<view>单位邀请码: <text class="green">5678</text> </view>
			</view>
			<view class="tishi"> 
				<u-icon name="info-circle" color="#5BB87E" size="20"></u-icon> 
				<text class="text">提示:</text> 
			</view>
			<view class="desc-three">1.请将 <text class="red">单位邀请码</text> 告知各填报职工，作为职工个人申报单位识别凭证。</view>
			<view class="desc-three">2.单位管理员请于4月7日前登录“柯桥区疗休养管理系统”完成《疗休养委托管理服务协议》签订。职工申报完成后，请单位管理员登陆后台填写职工疗休养经费、疫情生活补助经费，并提交。</view>
		</view>
		<view class="detail-info">
			
			<u-collapse
			:value="['1']" :border="false">
				<u-collapse-item
				  title="申报信息"
				  name="1"
				>
				  <!-- <view class="info-header">申报信息</view> -->
				  <view class="cell">
				  	<view class="left">单位名称:</view>
				  	<view class="right">浙江中国轻纺城网络有限公司</view>
				  </view>
				  <view class="cell">
				  	<view class="left">单位地址:</view>
				  	<view class="right">柯桥</view>
				  </view>
				  <view class="cell">
				  	<view class="left">管理员职务:</view>
				  	<view class="right">班长</view>
				  </view>
				  <view class="cell">
				  	<view class="left">姓名:</view>
				  	<view class="right">武松</view>
				  </view>
				  <view class="cell">
				  	<view class="left">手机号码:</view>
				  	<view class="right">18298678948</view>
				  </view>
				  <view class="cell">
				  	<view class="left">单位疗休养职工人数:</view>
				  	<view class="right">456</view>
				  </view>
				  <view class="info-header">开票信息</view>
				  <view class="cell">
				  	<view class="left">单位名称:</view>
				  	<view class="right">浙江中国轻纺城网络有限公司</view>
				  </view>
				  <view class="cell">
				  	<view class="left">统一社会信用代码:</view>
				  	<view class="right">910094875894</view>
				  </view>
				  <view class="cell">
				  	<view class="left">开户行:</view>
				  	<view class="right">工商银行</view>
				  </view>
				  <view class="cell">
				  	<view class="left">账号:</view>
				  	<view class="right">622209898768778</view>
				  </view>
				  <view class="cell">
				  	<view class="left">地址:</view>
				  	<view class="right">浙江绍兴柯桥</view>
				  </view>
				  <view class="cell">
				  	<view class="left">电话:</view>
				  	<view class="right">0575-89988998</view>
				  </view>
				</u-collapse-item>
			</u-collapse>

			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	page{
		padding-bottom: 40rpx;
		background-color: #F4F4F4;
	}
	.u-cell__body{
		padding: 0 30rpx!important;
	}
	.u-collapse-item__content__text{
		padding-top: 20rpx !important;
	}
	.u-cell__title-text{
		color: #333333!important;
		font-weight: 600!important;
		font-size: 28rpx!important;
	}
	
	.detail-header{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 20rpx;
		margin-bottom: 0;
		padding: 72rpx 56rpx;
		background-color: #fff;
		border-radius: 10rpx;
		.header-img{
			width: 60rpx;
			height: 60rpx;
			margin-bottom: 20rpx;
			background-color: #6AC18C;
		}
		.header-title{
			margin-bottom: 16rpx;
			font-size: 32rpx;
			font-weight: 600;
		}
		.header-desc{
			font-size: 28rpx;
			color: #A2A2A2;
		}
	}
	.detail-desc{
		margin: 20rpx;
		margin-top: 0;
		padding: 20rpx;
		background-color: #FAFAFA;
		border-radius: 10rpx;
		.desc-one{
			margin-bottom: 10rpx;
			color: #6B6B6B;
			text-align: justify;
			word-wrap:break-word;
			word-break:break-all;
		}
		.desc-two{
			margin-bottom: 10rpx;
			color: #6C6C6C;
			font-weight: 600;
		}
		.box{
			margin-bottom: 40rpx;
			padding: 40rpx 30rpx;
			border: 1px solid #6EC08D;
			border-radius: 20rpx;
			background-color: #EFFBF3;
			color: #727473;
			.green{
				color: #5BB87E;
				font-weight: 600;
			}
		}
		.tishi{
			display: flex;
			align-items: center;
			.text{
				margin-left: 6rpx;
				color: #666666;
				font-weight: 600;
			}
		}
		.desc-three{
			color: #666666;
			.red{
				color: #E11038;
				font-weight: 600;
			}
		}
	}
	.detail-info{
		margin: 20rpx;
		margin-top: 0;
		padding: 20rpx;
		background-color: #FFF;
		border-radius: 10rpx;
		.info-header{
			color: #333333;
			font-weight: 600;
			font-size: 28rpx;
			margin-bottom: 20rpx;
		}
		.cell{
			display: flex;
			justify-content: space-between;
			margin-bottom: 10rpx;
			color: #666666;
			font-size: 26rpx;
			.left{
				
			}
			.right{
				
			}
		}
	}
	
</style>
